<template>
    <div class="specialAc">
        <!-- <h3 class="title">多车或伤亡请直接拨打交警电话</h3> -->
        <!-- <a style="display:none;" ref="tel" href="tel:122">122</a> -->
        <img class="police" src="../../assets/img/police.png" alt="">
        <p>您的事故需交警现场处理</p>
        <p>请立刻拨打<a class="color" href="tel:110">110</a>，交警将尽快前往处理</p>
        <p>请保障自身安全并尽量保留现场</p>
        <div class="btn">
            <!-- <mu-button color="#6794F5" style="font-size: .18rem; height:.48rem;" @click="clickTel" full-width>拨打电话</mu-button> -->
            <mu-button color="#6794F5" style="font-size: .18rem; height:.48rem;margin-top:.8rem;" @click="close" full-width>关闭</mu-button>
        </div>
    </div>
</template>

<script>
export default {
    name: "specialAc",
    data() {
        return {
            
        }
    },
    created() {
        
    },
    mounted() {
        document.title = '电话报警';
    },
    methods: {
        close() {
            this.$router.push("/");
        },
        clickTel() {
            this.$refs.tel.click();
        }
    }
}
</script>

<style lang="scss" scoped>
@import "~assets/css/mixin.scss";
    .specialAc{
        width: 100%;
        height: 100%;
        background-color: rgb(245, 246, 248);
        overflow: hidden;
        text-align: center;
        position: relative;
        // display: flex;
        // flex-flow: column wrap;
        // align-items: center;
        // justify-content: center;
    }
    .specialAc p {
        color: #555;
        font-size: 0.16rem;
        line-height: 0.25rem;
    }
    .color {
        color: #6794F5;
    }
    .police {
        width: 1.5rem;
        height: 1.5rem;
        margin: 0.25rem auto;
    }
    .title {
        font-size: 0.2rem;
        line-height: 0.28rem;
        color: #555;
        margin: 1rem 0 0 0;
        flex: 1;
    }
    .f016 {
        font-size: 0.16rem;
        line-height: 0.22rem;
        color: #8D9093;
        margin: 0.11rem 0 0 0;
    }
    .codePicWrap {
        width: 1.4rem;
        height: 1.4rem;
        background-color: #fff;   
        box-sizing: border-box;
        padding: 0.05rem;  
        margin: 2.2rem auto 0;   
    }
    .codePicWrap img {
        width: 100%;
        height: 100%;
        border: 1px solid #8D9093;
        padding: 0.03rem;
        box-sizing: border-box;
    }
    .f012 {
        font-size: 0.12rem;
        line-height: 0.17rem;
        color: #8D9093;
        margin: 0.1rem 0 0 0;
    }
    .btn {
        width: 3.45rem;
        position: absolute;
        bottom: 0.25rem;
        left: 50%;        
        transform: translate3d(-50%,0,0);
    }
</style>
